<template>
    <div class="article">
     <div class="banner">
       <div class="cont">
         <div class="title">
           <h3>
             MY<br/>
             BLOG
           </h3>
           <h4>well-balanced heart</h4>
         </div>
         <div class="amount">
           <p>
             <span>访问量 </span>
             <b>:</b>
             <span>1000</span>
           </p>
           <p>
             <span>日志 </span>
             <b>:</b>
             <span>1000</span>
           </p>
         </div>
       </div>
     </div>
      <div class="articles-content">
        <ul class="article-menu">
          <li><router-link :to="{name:'designArticle'}">设计文章</router-link><span>|</span></li>
          <li><router-link :to="{name:'frontEndarticles'}">前端文章</router-link><span>|</span></li>
          <li><router-link :to="{name:'travelNotes'}">旅游杂记</router-link><span>|</span></li>
        </ul>
        <router-view/>
      </div>
    </div>
</template>
<script>
    export default {
        name: "articles"
    }
</script>
<style lang="scss" scoped>
@import "../assets/css/articles";
</style>
